// 引入配置文件
@import "./variable.scss";
// 主体样式
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.wrapper{
	width: 100%;
	// height: 100vh;
	background-color: #BBB9BA;
}
// 太子金
// .w_big{
// 	width: 100vw;
// 	height: px2vw(340);
// 	background-image: url(../img/images/文章大图_02.jpg);
// 	background-repeat: no-repeat;
// 	background-size: 100vw px2vw(340);
// 	display: block;
// 	margin-top: px2vw(63.4);
// }
// 轮播图
.swiper-container {
    width: 100%;
    height: px2vw(322);
	margin-top: pxd2(89);
}  

.w_main{
	width: 100vw;
	height: 100vh;
	background-color: #FFFFFF;
	padding-left: px2vw(28);
	padding-right: px2vw(29);
	padding-top: px2vw(20);
	font-size: 0;
	
}
.w_main ul{
	list-style: none;
}
.w_main ul>a>li{
	width: px2vw(282);
	height: px2vw(343);
	background-color: #f6f6f6;
	float: left;
	margin-bottom: px2vw(22);
}
.w_main ul>a:nth-child(2n+1) li{
	margin-right: px2vw(19);
}
.w_main .li_img{
	width: 100%;
	height: px2vw(182);
	background-image: url(../img/images/海天酱油_03.jpg);
	background-repeat: no-repeat;
	background-size: px2vw(282) px2vw(182);
}
.w_main .li_type{
	width: 100%;
	height: px2vw(161);
	// background-color: gray;
}
.li_type>h3{
	font-size: $h3f_s;
	font-weight: $h3f_w;
	color: black;
	padding-top: px2vw(9);
}
.ty_2{
	width: 100%;
	height: px2vw(27);
	margin-top: px2vw(15);
}
.ty_2 span:nth-child(1) img{
	width: px2vw(88);
	height: px2vw(27);
	margin-left: px2vw(7);
}
.ty_2 span:nth-child(2) img{
	width: px2vw(21);
	height: px2vw(19);
	margin-left: px2vw(33);
}
.ty_2 span:nth-child(2) span{
	font-size: px2vw(20);
	color: #c5c5c5;
	margin-left: px2vw(7);
}
.ty_2 span:nth-child(3) img{
	width: px2vw(21);
	height: px2vw(14);
	margin-left: px2vw(16);
}
.ty_2 span:nth-child(3) span{
	font-size: px2vw(20);
	color: #c5c5c5;
	margin-left: px2vw(7);
}
.ty_3{
	width: 100%;
	height: px2vw(35);
	margin-top: px2vw(14);
}
.ty_3 span:nth-child(1) img{
	width: px2vw(35);
	height: px2vw(35);
	margin-left: px2vw(7);
	vertical-align: px2vw(-12);
}
.ty_3 span:nth-child(1) span{
	font-size: px2vw(18);
	margin-left: px2vw(7);
	color: #c8c8c8;
}
.ty_3 span:nth-child(2){
	font-size: px2vw(18);
	color: #c8c8c8;
	margin-left: px2vw(13);
}
// 加载更多
.loding{
	width: 100vw;
	height: px2vw(58);
	margin-bottom: pxd2(95);
	background-color: #FFFFFF;
	text-align: center;
	padding: 0 px2vw(28);
}
.loding .l_d{
	width: 100%;
	height: 100%;
	border-top: 1px solid #e6e6e6;
}
.loding .l_d>span{
	font-size: px2vw(22);
	text-align: center;
	color: #cecece;
	position: relative;
	top: 30%;
}
